@charset "utf-8";
/* CSS Document */

/*MAQUETADO DE GMAP*/

/*
#gMapContainer {
    	width: 99%;
    	/ *background: #F4F4F4;* /
    	border: 1px solid #000000;
    	text-align: left;
    	height: 99%
    }
*/
#gMapHeader {
		height:60px;
		width:100%;
		background:url(../images/topmapsBG.gif) repeat-x;
		padding: 0;
}

#gMapMenuBar {
    	float: right;
    	width: 325px;
		background: #E3E3E3;
		height:500px;
		border:2px outset gray;
		position:relative;
		z-index:1011;
    }

#gMapMainContent {
      margin: 0 333px 0 0;
	  background: #E3E3E3;
    }
/*
#map_canvas {
	width: 100%; / *navegadores basados en firefox* /
	* width: 98%;  / *hack ie6 e ie7* /
	height:500px;
	border:2px outset gray;
}
*/
#map_canvas {
	width: 99.5%; /*navegadores basados en firefox*/
	*width: 98%;  /*hack ie6 e ie7*/
	height:92%;
}
#map_canvas0,#map_canvas1,#map_canvas2,#map_canvas3,#map_canvas4,#map_canvas5 {
	width: 99.5%; /*navegadores basados en firefox*/
	*width: 99%;  /*hack ie6 e ie7*/
	height:92%;
}

.sliceMenuBarIconOut {
	height: 10px;
	width: 10px;
	background: url(../images/collapsableBarOUT.gif) no-repeat;
}

.sliceMenuBarIconIn {
	height: 10px;
	width: 10px;
	background: url(../images/collapsableBarIN.gif) no-repeat;
}
.sliceMonitorIconOut {
	height: 10px;
	width: 10px;
	background: url(../images/collapsableMonitorOUT.gif) no-repeat;
}

.sliceMonitorIconIn {
	height: 10px;
	width: 10px;
	background: url(../images/collapsableMonitorIN.gif) no-repeat;
}


/*ESTILOS PARA CHECKBOX Y RADIOBUTTON PERSONALIZADOS*/

 span.checkbox {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(../images/checkbox.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
 }

 span.radio {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(../images/radio.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
 }

/*ESTILOS PARA LABELS Y TITULOS */
.inputLBL {
	color:#445A73;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	line-height:14px;
	margin-left:2px;
	text-transform:uppercase;
}
.inputHistorico {
	font-size:10px;
	text-transform:uppercase;

}
span.inputSEARCHED ,label.inputSEARCHED {
   font-size:10px !importart;
   text-transform:uppercase;
   border:1px solid #F3F3F3;
   color:#0000FF !important;
   font-weight:bold;
}

span.inputINACTIVO, label.inputINACTIVO {
   	color: #333 !important;
   	text-decoration:line-through;
   	/*color: #1a1a1a;*/
	font-family:Arial;
	font-size:10px !important;
	margin-left:5px !important;
 }

span.inputTEXT {
color:#222222;
font-size:10px;
}

.sectionTITLE {
    border-bottom: 1px solid #323A44;
    color: #323A44;
    display: block;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 1px;
    text-transform: uppercase;
}

  p.sectionDESC {
color:#444444;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin-bottom:5px;
 }

 span.resaltado {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#385C89
 }

 span.linked {
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#000080;
   font-weight:bold;
   cursor:pointer;
 }

 span.linked:hover {
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#0000FF;
   font-weight:bold;
 }

 span.infoWindowTitle {
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#000080;
   font-weight:bold;
   text-transform:uppercase;
 }

/*ESTILOS PARA INPUT ELEMENTS */
	.gmapSelect {
		background:none repeat scroll 0 0 #F3F3F3;
		border:1px solid #FFFFFF;
		color:#333333;
		font-family:Arial,Helvetica,sans-serif;
		font-size:10px;
		width:100%;
	}

  .gmapInputText {
   	 background : #F3F3F3;
	 border: 1px solid gray;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #333333;
  }

  .gmapInputColor {
	 border: 1px solid #E3E3E3;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 10px;
	 color: #333333;
  }

  span.campoObligatorio{
  	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 9px;
	 color: red;
	 font-weight:bold;
  }

/* ESTILOS EN TABLES */
  .trStyle{
  	background:#EAEAEA;
  }

/* ESTILOS PARA DIVS QUE ACTUAN COMO DISPLAY's */

.errorDisplay {
background:none repeat scroll 0 0 #F7F7F7;
border:1px dotted Crimson;
color:Crimson;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
margin-bottom:5px;
padding:2px 5px 2px 5px;
}

   .GMapELabelStyle {
	background-color:#ffffff;
	font-weight:bold;
	border:2px #006699 solid;
	}

   #movilSeguimientoImg{
   	width:40px;
	height:40px;

   }

   #movilSeguimientoSentidoImg{
   	width:40px;
	height:40px;
   }

   #movilSelectionImg{
   	width:40px;
	height:40px;

   }

   #movilSelectionSentidoImg{
   	width:40px;
	height:40px;
   }

/* ESTILOS PARA DIVS DEL MONITOR DE COMANDOS */
   .commandSendLine{
  	background: url(../images/commandCenter/commandSend.gif) left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#595959;
	margin:4px;
	padding-left:20px;
   }

   .commandReceiveLine{
   	background: url(../images/commandCenter/commandReceive.gif) left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0169C8;
	margin:4px;
	padding-left:26px;
   }

   .commandErrorLine{
   	background: url(../images/chat/chatError.gif) left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#BF0000;
	margin:4px;
	padding-left:26px;
   }

   .commandTimerDisplay{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:30px;
	vertical-align:top;
	color: #2B497D;
	float:right;
	background: #DFEFFF;
	font-weight:bold;
	border:1px solid #B3D9FF;
	text-align:center;
	margin:4px;
   }

/*********** Empieza CSS para Tabla con nombre de clase "lista" *************/
/*********** Start CSS Code for the table with class name "list" ************/

.lista{
	width:100%;
}

.lista tr.estatico{
	background:#f2f2f2;
}

.lista td a{
	color:#FFCC00;
}

.lista td a:hover{
	text-decoration:none;
}

.lista th{
	background:url(http://www.frogx3.com/ejemplos/images/text-bg.gif) #ffffff repeat-x;
	border-bottom:3px double #f2f2f2;
	border-right:3px double #f2f2f2;
}

.lista td{
	border-right:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
}

.olControlPanel .olControlZoomBoxItemInactive {
  top: 140px;
  background-color: blue;
  background-image: url("images/zoom-in.png");

}
.olControlPanel .olControlZoomBoxItemActive {
  top: 140px;
  background-image: url("images/zoom-in.png");
}
/*
* Estilo para la botonera de "hand" y "zoom rectangular"
*/
.olControlNavToolbarCustom { 
    width:0px;
    height:0px;
}    
.olControlNavToolbarCustom div { 
  display:block;
  width:  28px;
  height: 28px;
  top: 132px;
  left: 13px;
  position: relative;
}
.olControlNavToolbarCustom .olControlNavigationItemActive { 
  background-image: url("../images/gmapIcons/drag_map_active.png");
  background-repeat: no-repeat;
}
.olControlNavToolbarCustom .olControlNavigationItemInactive { 
  background-image: url("../images/gmapIcons/drag_map.png");
  background-repeat: no-repeat;
}
.olControlNavToolbarCustom .olControlZoomBoxItemActive { 
  background-image: url("../images/gmapIcons/zoom_map_active.png");
  background-repeat: no-repeat;
}
.olControlNavToolbarCustom .olControlZoomBoxItemInactive { 
  background-image: url("../images/gmapIcons/zoom_map.png");
  background-repeat: no-repeat;
}
.errorFecha{
	border: 1px solid red;
}
.divErrorFecha{
	color: red;
	font-size:11px;
}
.popupGlobal{
	width:220px;
	max-height:150px;
}
.popupContent{
	overflow:auto;
	max-height:150px;
}